<#include "/common/ftl/common.ftl">
<@html>
<form class="form-validate form-horizontal" method="post"
      id="meetingAddForm">
    <article class="tbcWrap">
        <div class="tbcTbar">
            <a href="${ctx!}/login.do" class="btn btn-info">返回</a>
        </div>
        <section class="tbcAutoPanel">
            <div class="tbcMainPanel">
                <div class="tbcFormCell">

                    <div class="control-group">
                        <label class="control-label">参考资料<@splitor/></label>

                        <div class="controls">
                            <input type="file" name="file" id="file">

                            <div id="fileContainer"></div>
                            <div id="btnContainer" style="display: none;">
                                <a href="javascript:uploadQueue();" class="btn btn-info"
                                   style="margin-left: 322px;">上传</a>
                            </div>

                        </div>
                    </div>

                </div>

            </div>

        </section>

    </article>
</form>
</@html>
<script type="text/javascript">

    <#--$(function () {-->
        <#--$("#file").uploadify({-->
            <#--swf:'${ctx!}/js/jquery-uploadify/uploadify.swf',-->
            <#--uploader:'${ctx!}/file/uploadFile?test=123', //后台处理的请求-->
            <#--queueSizeLimit:1, //   default 999-->
            <#--queueID:'fileContainer',-->
            <#--//uploadLimit:1, //default 999-->
            <#--fileObjName:'file', //-->
            <#--fileTypeExts:'*.*', //控制可上传文件的扩展名，启用本项时需同时声明fileDesc-->
            <#--'auto':false, //自动上传-->
            <#--//'multi':true, //是否支持多个附近同时上传-->
            <#--buttonClass:'btn-info',-->
            <#--buttonText:'选择文件',-->
            <#--height:25,-->
            <#--width:70,-->
            <#--removeCompleted:false,-->
            <#--onUploadSuccess:function (file, data, response) {-->
                <#--$('#btnContainer').hide();-->
            <#--},-->
            <#--onSelect:function () { //插件本身没有单文件上传之后replace的效果-->
                <#--var notLast = $('#fileContainer').find('div.uploadify-queue-item').not(':last');-->
                <#--notLast.remove();-->
                <#--$('#btnContainer').show();-->
            <#--},-->
            <#--onCancel:function () {-->
                <#--$('#meeting_storedFileId').val('');-->
                <#--$('#meeting_storedFileName').val('');-->
                <#--$('#btnContainer').hide();-->
            <#--}-->
        <#--});-->

    <#--});-->

     //文件上传
        $("#file").uploadify({
            swf:'${ctx!}/js/jquery-uploadify/uploadify.swf',
            uploader:'${ctx!}/file/uploadFile?test=123', //后台处理的请求
            queueSizeLimit:5, //   default 999
            queueID:'fileContainer',
//            uploadLimit:5, //default 999
            fileObjName:'file', //
            fileTypeExts:'*.*', //控制可上传文件的扩展名，启用本项时需同时声明fileDesc
            auto:false, //自动上传
            multi:true, //是否支持多个附近同时上传
            buttonClass:'btn btn-info',
            buttonText:'选择文件',
            buttonImage:"",
            height:20,
            width:60,
            removeCompleted:false,
            onUploadSuccess:function (file, data, response) {
                $('#btnContainer').hide();
            },
            onSelect:function () {
                $('#btnContainer').show();
            },
            onClearQueue:function () {
                $('#btnContainer').hide();
            },
            onCancel:function (file) { //
//                removeByFileName(file.name);
            }
        });


    function clearQueue() {
        $('#file').uploadify('cancel', '*');
        $('#btnContainer').hide();
    }

    function uploadQueue() {
        $('#file').uploadify('upload', '*');
    }


</script>